<template>
	<div class="special">
		<navBar></navBar>
		<specialList v-for="item in specialData" :key="item.id" :item="item"></specialList>
	</div>
</template>

<script>
import navBar from '@/components/index/navBar.vue';
import specialList from '@/components/index/specialList.vue';
import {requestSpecial} from '@/plugins/api/home.js';

export default {
	name: 'special',
	components: {navBar, specialList},
	data() {
		return {
			specialData: []
		};
	},
	watch: {},
	computed: {},
	created() {

	},
	mounted() {
		this.getSpecial();
	},
	methods: {
		getSpecial() {
			requestSpecial().then(res => {
				this.specialData = res.data;
			});
		},
	}
};
</script>

<style lang="scss" scoped>

</style>